export function useHook() {
  const matchMedia = () => {
    const xs = window.innerWidth < 768
    const sm = window.innerWidth >= 768 && window.innerWidth < 992
    const md = window.innerWidth >= 992 && window.innerWidth < 1200
    const lg = window.innerWidth >= 1200 && window.innerWidth < 1920
    const xl = window.innerWidth >= 1920
    let type = 'xl'
    if (xs) {
      type = 'xs'
    } else if (sm) {
      type = 'sm'
    } else if (md) {
      type = 'md'
    } else if (lg) {
      type = 'lg'
    } else if (xl) {
      type = 'xl'
    }
    return type
  }
  return { matchMedia }
}
